<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/./index.css">
</head>
<body>
<!--外层容器-->
<div class="approve_container">
    <!--页头-->
    <div class="approve_page_hd">
        <div class="approve_item approve_item_back mouse"><i></i></div>
        <div class="approve_item approve_item_title">实名认证</div>
        <div class="approve_item approve_item_right"><i></i></div>
    </div>
    <!--解释说明-->
    <div class="state">完成实名认证，享高额度转账、汇款等权益</div>
    <!--主体内容-->
    <div class="approve_page_bd">
        <form action="" class="approve_form">
            <div class="approve_form_box">
                <div class="approve_form_item approve_form_item_name">
                    <label for="textname">姓　　名:</label>
                    <input type="text" id="textname">
                </div>
                <div class="approve_form_item approve_form_item_identity">
                    <label for="identity">身份证号:</label>
                    <input type="text" id="identity" maxlength="20">
                    <i class="approve_identity_icon mouse"></i>
                </div>
            </div>
            <div class="approve_form_item_agreement">
                <p class="mouse" id="chooseBox"><i class="agreement_choose"></i></p>
                <span>我已阅读并同意<a href="#">《服务协议》</a></span>
            </div>
            <div class="approve_form_item_submit">
                <input type="button" value="下一步" id="subbtn" class="mouse">
            </div>
        </form>
    </div>
    <!--页脚的软键盘-->
    <div class="approve_page_ft">
        <ul id="keyboard" class="mouse">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
            <li>X</li>
            <li>0</li>
            <li><i></i></li>
        </ul>
    </div>
    <!--错误提示弹窗-->
    <div class="approve_popup" id="approve_popup">
        <div class="approve_popup_text">
            <p class="popup_text_title">错误提示</p>
            <p class="popup_text_hint">姓名或者身份证号码输入有误，是否重新输入？</p>
            <p class="popup_text_btn" id="popup_text_btn"><button>确定</button></p>
        </div>
    </div>
    <!--正确提示-->
    <div class="approve_correct" id="approve_correct">
        <i class="approve_correct_icon"></i>
        <span class="approve_correct_passed">认证成功</span>
    </div>
</div>
<!--<script src="js/lib-flexible-2.0/index.js"></script>-->
<script src="js/index.js"></script>
</body>
<script src="css/flexible.js"></script>
</html>